@charset "utf-8";

@scale:1;
@color:#e46406;
@bzcolor:#331702;
@dtcolor:#903d00;
@ktcolor:#3e3e3e;
@cengHeight:2800px * @scale;
@Houdu18:18px * @scale;
@Houdu9:9px * @scale;

//电视柜
@dianshiguiwidth: 3300px * @scale;
@dianshiguiHoudu: 400px * @scale;
@neibuHeight:@cengHeight - @Houdu18 * 2;
@neibuHoudu:@dianshiguiHoudu - @Houdu18 * 2;
@jianyigebanHeight:@cengHeight - @Houdu18;

@guiziquwidth: 2800px * @scale;
    @shangHeight: 810px * @scale;
        @diaogui1width: 1100px * @scale;
        @diaogui2width: 1100px * @scale;
        @diaogui3width: 600px * @scale;
    @zhongHeight: 1490px * @scale;
        @chouti1width: 596px * @scale;
        @chouti1Height: 486px * @scale;
        @qiangHeight:  @zhongHeight - @chouti1Height;
        @leftzhanshiguiquwidth: 365px * @scale;
            @zhanshigui1Height: 480px * @scale;
            @zhanshigui2Height: 500px * @scale;
            @zhanshigui3Height: @zhongHeight - @zhanshigui1Height - @zhanshigui2Height;
            @zhanshigui4Height: 340px * @scale;
            @zhanshigui5Height: 360px * @scale;
            @zhanshigui6Height: 380px * @scale;
            @zhanshigui7Height: @zhongHeight - @zhanshigui4Height - @zhanshigui5Height - @zhanshigui6Height;
    @xiaHeight: 500px * @scale;
        @ditaiHeight: 40px * @scale;
        @xiacengHeight: 200px * @scale;
        @chouti2width: 550px * @scale;
//电视机尺寸 65寸-1440、841    电视柜 1520,900
@kongtiaoguiwidth: 500px * @scale;
body{
    background: black;
    color: white;
    margin: 100px;
    width: 5000px;
    height: 5000px;
    font-size: 80px;
    .person{
        width: 450px;
        height: 1750px;
        position: absolute;
        background: red;
        bottom: 0;
        display: none;
    }
    .rule, .ruleWC{
        position: relative;
    }
    .ruleW, .ruleWCW{
        background: #662d2d;
        color: white;
        text-align: center;
        top: 25px;
        height: 25px;
        line-height: 25px;
        position: absolute;
        width: 100%;
        display: none;
    }.ruleWCW{
        top: -75px;
    }
    .ruleH, .ruleWCH{
        background: #662d2d;
        color: white;
        height: 100%;
        position: absolute;
        width: 25px;    
        left: 25px;
        display: none;
    } 
    .ruleWCH{
        left: -75px;
    }
    .txt{
        color: yellow;
        text-align: center;
        position: absolute;
        width:100%;
        top:50%;
        display: none;
    }
    .gm{
        perspective: 3200px;
        .guimen{
            position: absolute;
            width: 100%;
            height: 100%;
            background: #793300;
            display: none;
        }
        .guimen吊柜1, .guimen吊柜2{
            width: 50%;
            transform-origin: left;
            transform: rotate3d(0, 1, 0, -20deg);
        }
        .guimen吊柜12,.guimen吊柜22{
            width: 50%;
            right: 0;
            transform-origin: right;
            transform: rotate3d(0, 1, 0, 20deg);
        }
        .guimen吊柜3{
            transform-origin: right;
            transform: rotate3d(0, 1, 0, 60deg);
        }
        .guimen柜子1{
            transform-origin: left;
            transform: rotate3d(0, 1, 0, -50deg);
        }
        .guimen柜子2{
            transform-origin: right;
            transform: rotate3d(0, 1, 0, 60deg);
        }
        .transformNone{
            transform:none;
        }
    }
    .box{
        position: absolute;
        top: 100px;
        right:130px;
        width:400px;
        background: black;
        color: white;
    }
    input[type=checkbox]{
        width: 70px;
        height: 70px;
    }
}
//主视图
.dianshigui1{
    width: @dianshiguiwidth;
    height:@cengHeight;
    position: relative;
    float: left;
    .guiziqu{
        width: @guiziquwidth;
        height:@cengHeight;
        box-sizing: border-box;
        float: left;
        .shang{
            width: 100%;
            height:@shangHeight;
            box-sizing: border-box;
            float: left;
            .diaogui1{
                width: @diaogui1width;
                height:100%;
                border: solid @Houdu18 @color;
                background: @bzcolor;
                box-sizing: border-box;
                float: left;
            }
            .diaogui2{
                width: @diaogui2width;
                height:100%;
                border: solid @Houdu18 @color;
                background: @bzcolor;
                box-sizing: border-box;
                float: left;
            }
            .diaogui3{
                width: @diaogui3width;
                height:100%;
                border: solid @Houdu18 @color;
                background: @bzcolor;
                box-sizing: border-box;
                float: left;
            }
        }
        .zhong{
            width: 100%;
            height:@zhongHeight;
            box-sizing: border-box;
            float: left;
            .qiangqu{
                width: @diaogui1width + @diaogui2width;
                height:100%;
                box-sizing: border-box;
                float: left;
                .qiang{
                    width: 100%;
                    height: @qiangHeight;
                    box-sizing: border-box;
                    float: left;
                }
                .chouti1{
                    width: @chouti1width;
                    height: @chouti1Height;
                    border: solid @Houdu18 @color;
                    border-bottom:none;
                    background: @bzcolor;
                    box-sizing: border-box;
                    float: left;
                }
            }
            .zhanshiguiqu{
                width: @diaogui3width;
                height:100%;
                background: @bzcolor;
                box-sizing: border-box;
                float: left;
                .leftzhanshiguiqu{
                    width: @leftzhanshiguiquwidth;
                    height:100%;
                    border-left: solid @Houdu18 @color;
                    border-right: solid @Houdu18 @color;
                    box-sizing: border-box;
                    float: left;
                    .zhanshigui1{
                        width: 100%;
                        height: @zhanshigui1Height;
                        border-bottom: solid @Houdu18 @color;
                        box-sizing: border-box;
                        float: left;
                    }
                    .zhanshigui2{
                        width: 100%;
                        height: @zhanshigui2Height;
                        border-bottom: solid @Houdu18 @color;
                        box-sizing: border-box;
                        float: left;
                    }
                    .zhanshigui3{
                        width: 100%;
                        height: @zhanshigui3Height;
                        box-sizing: border-box;
                        float: left;
                    }
                }
                .rightzhanshiguiqu{
                    width: @diaogui3width - @leftzhanshiguiquwidth;
                    height:100%;
                    border-right: solid @Houdu18 @color;
                    box-sizing: border-box;
                    float: left;
                    .zhanshigui4{
                        width: 100%;
                        height: @zhanshigui4Height;
                        border-bottom: solid @Houdu18 @color;
                        box-sizing: border-box;
                        float: left;
                    }
                    .zhanshigui5{
                        width: 100%;
                        height: @zhanshigui5Height;
                        border-bottom: solid @Houdu18 @color;
                        box-sizing: border-box;
                        float: left;
                    }
                    .zhanshigui6{
                        width: 100%;
                        height: @zhanshigui6Height;
                        border-bottom: solid @Houdu18 @color;
                        box-sizing: border-box;
                        float: left;
                    }
                    .zhanshigui7{
                        width: 100%;
                        height: @zhanshigui7Height;
                        box-sizing: border-box;
                        float: left;
                    }
                }
            }
        }
        .xia{
            width: 100%;
            height:@xiaHeight;
            box-sizing: border-box;
            float: left;
            .xiaguiqu{
                width: 100%;
                height:@xiaHeight - @ditaiHeight;
                box-sizing: border-box;
                float: left;
                .guizi1{
                    width: @chouti1width;
                    height: 100%;
                    border: solid @Houdu18 @color;
                    background: @bzcolor;
                    box-sizing: border-box;
                    float: left;
                }
                .zhongxia{
                    width: @guiziquwidth - @chouti1width - @diaogui3width;
                    height: 100%;
                    float: left;
                    box-sizing: border-box;
                    float: left;
                    .shangceng{
                        width: 100%;
                        height:@xiaHeight - @ditaiHeight - @xiacengHeight;
                        border: solid @Houdu18 @color;
                        border-left:none;
                        border-right:none;
                        box-sizing: border-box;
                        float: left;
                        .tonggui{
                            width:50%;
                            height: 100%;
                            border-right:solid @Houdu18 @color;
                            box-sizing: border-box;
                            float: left;
                        }
                    }
                    .xiaceng{
                        width: 100%;
                        height:@xiacengHeight;
                        box-sizing: border-box;
                        float: left;
                        .chouti2{
                            width: @chouti2width;
                            height: 100%;
                            border-right:solid @Houdu18 @color;
                            border-bottom:solid @Houdu18 @color;
                            background: @bzcolor;
                            box-sizing: border-box;
                            float: left;
                        }
                        .chouti3{
                            width: @guiziquwidth - @chouti1width - @diaogui3width - @chouti2width - @chouti2width;
                            height: 100%;
                            border-bottom:solid @Houdu18 @color;
                            background: @bzcolor;
                            box-sizing: border-box;
                            float: left;
                        }
                        .chouti4{
                            width: @chouti2width;
                            height: 100%;
                            border-left:solid @Houdu18 @color;
                            border-bottom:solid @Houdu18 @color;
                            background: @bzcolor;
                            box-sizing: border-box;
                            float: left;
                        }
                    }
                }
                .guizi2{
                    width: @diaogui3width;
                    height: 100%;
                    border: solid @Houdu18 @color;
                    background: @bzcolor;
                    box-sizing: border-box;
                    float: left;
                }
            }
            .ditaiqu{
                width: 100%;
                height:@ditaiHeight;
                box-sizing: border-box;
                float: left;
                background: @dtcolor;
            }
        }
    }
    //空调区域
    .kongtiaogui{
        width: @kongtiaoguiwidth;
        height:@cengHeight;
        float: right;
        box-sizing: border-box;
        background: @ktcolor;
    }
}
//侧视图
.dianshigui2{
    width: @dianshiguiHoudu;
    height:@cengHeight;
    margin-left: 800px;
    border: solid @Houdu18 @color;
    border-left: solid @Houdu9 @color;
    float: left;
    box-sizing: border-box;
    background: @bzcolor;
}
//俯视图
.dianshigui3{
    margin-top: 200px;
    float: left;
    box-sizing: border-box;
    background: @bzcolor;
    width: @dianshiguiwidth;
    height:@dianshiguiHoudu;
    border: solid @Houdu18 @color;
    border-top: solid @Houdu9 @color;
}